<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<title>全民吐槽</title>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="staticFile/images/common/ico.png" sizes="32x32">
<link type="text/css" rel="stylesheet" href="staticFile/css/common/common.css">
<link type="text/css" rel="stylesheet" href="staticFile/css/common/footLink.css">
<link type="text/css" rel="stylesheet" href="staticFile/css/common/pager.css">
<link type="text/css" rel="stylesheet" href="staticFile/css/index/ventList.css">
<link type="text/css" rel="stylesheet" href="staticFile/css/index/index.css">
<script type="text/javascript" src="staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="staticFile/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="staticFile/js/common/myHeader.js"></script>
<script type="text/javascript" src="staticFile/js/common/readTotalAddOne.js"></script>
<script type="text/javascript" src="staticFile/js/common/getDictionaries.js"></script>
<script type="text/javascript" src="staticFile/js/index/index.js"></script>
</head>
<body>
<!-- 后期添加关注用户、收藏吐槽功能 -->
<header class="top-menu">
    <span class="logo">
        <a class="logo-a" href="/">全民吐<img width="48" height="48" src="staticFile/images/common/vent.png"/>槽</a>
    </span>
    <ul id="topVentList" class="vent-type"></ul>
    <div class="hide-info occupation">
        <ul class="vent-type"></ul>
    </div>
    <span class="search">
        <input type="text" id="searchVentKey" placeholder="吐槽关键字">
        <button class="btn" id="btnSearchKey" type="submit">
            <i class="btn-q-icon"></i>
        </button>
    </span>
    <ul>
        <li><a class="btn" href="ventPages/issueVent.html">我要吐槽</a></li>
        <li><a class="btn no-login" href="ventPages/ventLogin.html">登录</a></li>
        <li><a class="btn no-login" href="ventPages/ventRegister.html">注册</a></li>
        <li class="myself">
            <img class="myself-header" alt="我的头像" width="48" height="48" src="staticFile/images/index/maleHead.png"/>
        </li>
    </ul>
    <div class="hide-info myself-menu">
        <ul>
            <li><a href="ventPages/myHome.html">我的主页</a></li>
            <li><a href="ventPages/myHome.html?mv">我的吐槽</a></li>
            <li><a href="ventPages/modifyPwdByOld.html">修改密码</a></li>
            <!--<li><a>我的资料</a></li>-->
            <li><a onclick="logoutVent()">退出</a></li>
        </ul>
    </div>
</header>
<div class="search-history">
    <ul></ul>
</div>
<!-- 吐槽的城市 -->
<div class="vent-city">
    <strong>吐槽城市</strong>
    <input id="searchCityKey" class="search-city-key" type="text" placeholder="城市名/拼音首字母">
    <div class="search-city-container"></div>
    <div class="hot-city"></div>
</div>

<!-- 服务列表 -->
<div id="ventList" class="vent-list"></div>
<!-- 分页菜单 -->
<div class="navigation">
    <ol class="wp-paginate"></ol>
</div>

<!-- 页面尾部-->
<div class="footer">
    <div class="footer-care-us" style="margin-left: 8px;">
        <strong>关注微信</strong><br/>
        <img width="120" height="120" src="staticFile/images/common/weChatQRCode.png" />
    </div>
    <div class="link-a">
        <strong>关于吐槽</strong><br/>
        <a href="ventPages/aboutUs.html">关于我们</a><br/>
        <a href="ventPages/ventAim.html">服务宗旨</a><br/>
        <a target="_blank" href="ventPages/ventFeedback.html">意见反馈</a>
    </div>
    <div class="link-a">
        <strong>合作</strong><br/>
        <a href="ventPages/joinVent.html">加入我们</a><br/>
        <a href="ventPages/putAD.html">广告投放</a>
    </div>
    <div class="contact-us">
        <strong>联系我们</strong><br/>
        <span>邮箱：ijobvip@163.com</span>
    </div>
    <div class="footer-record">
        京ICP备25697805号-4  京ICP证182661号  Copyright © 2015-2016
    </div>
</div>

<div class="loading">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48px" height="60px" viewBox="0 0 48 60" style="enable-background:new 0 0 50 50;" xml:space="preserve">
        <rect x="0" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 15.1665)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"/>
        </rect>
        <rect x="20" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 11.5002)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"/>
        </rect>
        <rect x="40" y="0" width="4" height="20" fill="#dc3545" transform="translate(0 1.83315)">
            <animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"/>
        </rect>
    </svg>
	<span id="loadingWord">正在努力加载中...</span>
</div>
<div class="page-mask"></div>
</body>
</html>